// 导入 prop-types
import PropTypes from 'prop-types'
import classnames from 'classnames'

const Icon = ({ type, className }) => {
  return (
    <svg className={classnames('icon', className)} aria-hidden="true">
      {/* <use xlinkHref={`#${type}`}></use> */}
      <use xlinkHref={`#${type}`}></use>
    </svg>
  )
}

// 为 Icon 组件添加属性校验
// 这里使用驼峰命名法
Icon.propTypes = {
  // 约定 type是字符串类型的，而且是必填项
  type: PropTypes.string.isRequired,
  classNames: PropTypes.string,
}

export default Icon
